小程序是一种运行在微信平台上的轻量级应用程序，它可以在微信中实现简单的功能，比如查看天气、下单等。在小程序中，获取屏幕高度是一个常见的需求，这个功能可以用于实现根据屏幕高度适配页面布局、进行页面滚动等。
在小程序中，要获取屏幕的高度，可以通过 wx.getSystemInfo 方法来获取系统信息。这个方法会返回一个对象，包含了一些系统信息，其中就包括屏幕的高度。
具体的使用方法如下：
```
wx.getSystemInfo({
success: function(res) {
console.log(res.windowHeight) // 屏幕高度，单位为px
}
})
```
上述代码中，我们使用了 wx.getSystemInfo 方法来获取系统信息，然后通过 res.windowHeight 可以获取到屏幕的高度。这个高度的单位是像素(px)。
除了直接输出到控制台，我们还可以将屏幕高度保存到一个变量中，然后在其他地方使用。例如：
```
var screenHeight;
wx.getSystemInfo({
success: function(res) {
screenHeight = res.windowHeight;
}
})
```
上述代码中，我们定义了一个名为 screenHeight 的变量，并在获取到系统信息后，将屏幕高度赋值给这个变量。之后，我们就可以在其他地方使用这个变量了。
获取到屏幕高度后，我们可以根据这个高度来进行页面布局的适配。例如，可以将一个页面分为上下两个部分，上部分占屏幕的一半，下部分占剩余的一半。具体实现方式可以利用小程序提供的布局方式，如 flex 布局或者百分比布局。
另外，我们还可以根据屏幕高度来进行页面滚动的操作。例如，如果页面内容超过屏幕高度，我们可以在页面中添加一个滚动区域，并设置其高度为屏幕高度减去其他元素的高度，这样就可以实现页面内容的滚动效果。
总之，在小程序中获取屏幕高度是一个常见的需求，我们可以通过 wx.getSystemInfo 方法来获取系统信息中的屏幕高度，并根据这个高度来进行页面布局的适配和滚动的操作。希望本文对您有所帮助。
咨询微信客服
0516-6662 4183
立即获取方案或咨询
top
